<!doctype html>
<html class="no-js"  lang="en">

<head>
  <!-- META DATA -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

  <!--font-family-->
  <link href="https://fonts.googleapis.com/css?family=Rufina:400,700" rel="stylesheet" />

  <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet" />

  <!-- TITLE OF SITE -->
  <title>购票系统</title>

  <!-- favicon img -->
  <link rel="shortcut icon" type="image/icon" href="/booking/logo/favicon.png"/>

  <!--font-awesome.min.css-->
  <link rel="stylesheet" href="/booking/css/font-awesome.min.css" />

  <!--animate.css-->
  <link rel="stylesheet" href="/booking/css/animate.css" />

  <!--hover.css-->
  <link rel="stylesheet" href="/booking/css/hover-min.css">

  <!--datepicker.css-->
  <link rel="stylesheet"  href="/booking/css/datepicker.css" >

  <!--owl.carousel.css-->
  <link rel="stylesheet" href="/booking/css/owl.carousel.min.css">
  <link rel="stylesheet" href="/booking/css/owl.theme.default.min.css"/>

  <!-- range css-->
  <link rel="stylesheet" href="/booking/css/jquery-ui.min.css" />

  <!--bootstrap.min.css-->
  <link rel="stylesheet" href="/booking/css/bootstrap.min.css" />

  <!-- bootsnav -->
  <link rel="stylesheet" href="/booking/css/bootsnav.css"/>

  <!--style.css-->
  <link rel="stylesheet" href="/booking/css/style.css" />

  <!--responsive.css-->
  <link rel="stylesheet" href="/booking/css/responsive.css" />

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

</head>

<body>

<!-- main-menu Start -->
<header class="top-area">
  <div class="header-area">
    <div class="container">
      <div class="row">
        <div class="col-sm-2">
          <div class="logo">
            <a href="index.html">
              首<span>页</span>
            </a>
          </div><!-- /.logo-->
        </div><!-- /.col-->
        <div class="col-sm-10">
          <div class="main-menu">

            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <i class="fa fa-bars"></i>
              </button><!-- / button-->
            </div><!-- /.navbar-header-->
            <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav navbar-right">
                <li class="smooth-menu"><a href="#home">顶部</a></li>
                <li class="smooth-menu"><a href="#pack">门票种类</a></li>
                <li class="smooth-menu"><a href="#gallery">游玩项目</a></li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.main-menu-->
        </div><!-- /.col-->
      </div><!-- /.row -->
      <div class="home-border"></div><!-- /.home-border-->
    </div><!-- /.container-->
  </div><!-- /.header-area -->

</header><!-- /.top-area-->
<!-- main-menu End -->


<!--about-us start -->
<section id="home" class="about-us">
  <div class="container">
    <div class="about-us-content">
      <div class="row">
        <div class="col-sm-12">
          <div class="single-about-us">
            <div class="about-us-txt">
              <h2>
                欢迎来到美丽欢乐谷
                迎接美好生活
              </h2>
              <h2>享受快乐</h2>
            </div><!--/.about-us-txt-->
          </div><!--/.single-about-us-->
        </div><!--/.col-->
        <div class="col-sm-0">
          <div class="single-about-us">

          </div><!--/.single-about-us-->
        </div><!--/.col-->
      </div><!--/.row-->
    </div><!--/.about-us-content-->
  </div><!--/.container-->

</section><!--/.about-us-->
<!--about-us end -->

<!--travel-box start-->
<section  class="travel-box">
  <div class="container">
    <div class="row">
      <div class="text-center">
        <div class="single-travel-boxes">
          <div id="desc-tabs" class="desc-tabs">

            <!-- Tab panes -->
            <div class="tab-content">

              <div role="tabpanel" class="tab-pane active fade in" id="tours">
                <div class="tab-para">
                  <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-4">
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4">
                    </div>


                    <div class="col-lg-2 col-md-4 col-sm-4">
                      <div class="about-btn travel-mrt-0">
                        <div class="service-counter">
                          <a href="/booking/main" target="_blank" id="onlinetickets">
                            <div class="anim"></div>
                            <button  class="about-view travel-btn">
                              开始订票
                            </button><!--/.travel-btn-->
                            </a>
                        </div>
                      </div><!--/.about-btn-->
                    </div><!--/.col-->



                    <div class="col-lg-2 col-md-4 col-sm-4">
                      <div class="about-btn travel-mrt-0">
                        <div class="service-counter">
                          <a href="/booking/main2" target="_blank" id="onlineticket">
                            <div class="anim"></div>
                            <button  class="about-view travel-btn">
                              查询订票
                            </button><!--/.travel-btn-->
                          </a>
                        </div>
                      </div><!--/.about-btn-->
                    </div><!--/.col-->

                  </div><!--/.row-->

                </div><!--/.tab-para-->
              </div><!--/.tabpannel-->
            </div><!--/.tab content-->
          </div><!--/.desc-tabs-->
        </div><!--/.single-travel-box-->
      </div><!--/.col-->
    </div><!--/.row-->
  </div><!--/.container-->

</section><!--/.travel-box-->
<!--travel-box end-->


<section id="service" class="service">
  <div class="container">

    <div class="service-counter text-center">

      <div class="col-md-4 col-sm-4">
        <div class="single-service-box">
          <div class="service-img">
            <img src="booking/images/service/s1.png" alt="service-icon" />
          </div><!--/.service-img-->
          <div class="service-content">
            <h2>
              <a href="#">
                难忘的游玩体验
              </a>
            </h2>
            <p>从白天到黑夜，每一刻都是一样精彩</p>
          </div><!--/.service-content-->
        </div><!--/.single-service-box-->
      </div><!--/.col-->

      <div class="col-md-4 col-sm-4">
        <div class="single-service-box">
          <div class="service-img">
            <img src="booking/images/service/s2.png" alt="service-icon" />
          </div><!--/.service-img-->
          <div class="service-content">
            <h2>
              <a href="#">
                丰富的游玩设施
              </a>
            </h2>
            <p>各种各样的娱乐设施恍如仙境</p>
          </div><!--/.service-content-->
        </div><!--/.single-service-box-->
      </div><!--/.col-->

      <div class="col-md-4 col-sm-4">
        <div class="single-service-box">
          <div class="statistics-img">
            <img src="booking/images/service/s3.png" alt="service-icon" />
          </div><!--/.service-img-->
          <div class="service-content">

            <h2>
              <a href="#">
                快捷的在线订票
              </a>
            </h2>
            <p>仅需在网站上填写信息便可快捷订票</p>
          </div><!--/.service-content-->
        </div><!--/.single-service-box-->
      </div><!--/.col-->

    </div><!--/.statistics-counter-->
  </div><!--/.container-->


</section><!--/.service-->
<!--service end-->

<section id="pack" class="packages">
  <div class="container">
    <div class="gallary-header text-center">
      <h2>
        门票种类
      </h2>
      <p>
        当前可以预定的门票种类
      </p>
    </div><!--/.gallery-header-->
    <div class="packages-content">
      <div class="row">

        <div class="col-md-4 col-sm-6">
          <div class="single-package-item">
            <div class="single-package-item-txt">
              <h3> 成人全日票<span class="pull-right">￥220</span></h3>
              <div class="packages-para">
                <p>
									<span>
										<i class="fa fa-angle-right"></i> 预约入园
									</span>
                  <i class="fa fa-angle-right"></i>  提前1天预定
                </p>
                <p>
									<span>
										<i class="fa fa-angle-right"></i>  原价230
									</span>
                  <i class="fa fa-angle-right"></i>  节假日优惠
                </p>
              </div><!--/.packages-para-->
              <div class="packages-review">
                <p>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <span>五星推荐</span>
                </p>
              </div><!--/.packages-review-->
            </div><!--/.single-package-item-txt-->
          </div><!--/.single-package-item-->

        </div><!--/.col-->

        <div class="col-md-4 col-sm-6">
          <div class="single-package-item">
            <div class="single-package-item-txt">
              <h3>大学生优惠票 <span class="pull-right">￥180</span></h3>
              <div class="packages-para">
                <p>
									<span>
										<i class="fa fa-angle-right"></i> 预约入园
									</span>
                  <i class="fa fa-angle-right"></i>  提前1天预定
                </p>
                <p>
									<span>
										<i class="fa fa-angle-right"></i>  原价230
									</span>
                  <i class="fa fa-angle-right"></i>  节假日优惠
                </p>
              </div><!--/.packages-para-->
              <div class="packages-review">
                <p>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <span>五星推荐</span>
                </p>
              </div><!--/.packages-review-->
            </div><!--/.single-package-item-txt-->
          </div><!--/.single-package-item-->

        </div><!--/.col-->

        <div class="col-md-4 col-sm-6">
          <div class="single-package-item">
            <div class="single-package-item-txt">
              <h3>儿童长者优惠票 <span class="pull-right">￥120</span></h3>
              <div class="packages-para">
                <p>
									<span>
										<i class="fa fa-angle-right"></i> 预约入园
									</span>
                  <i class="fa fa-angle-right"></i>  提前1天预定
                </p>
                <p>
									<span>
										<i class="fa fa-angle-right"></i>  原价230
									</span>
                  <i class="fa fa-angle-right"></i>  节假日优惠
                </p>
              </div><!--/.packages-para-->
              <div class="packages-review">
                <p>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <span>五星推荐</span>
                </p>
              </div><!--/.packages-review-->
            </div><!--/.single-package-item-txt-->
          </div><!--/.single-package-item-->

        </div><!--/.col-->

        <div class="col-md-4 col-sm-6">
          <div class="single-package-item">
            <div class="single-package-item-txt">
              <h3>夜场票<span class="pull-right">￥85</span></h3>
              <div class="packages-para">
                <p>
									<span>
										<i class="fa fa-angle-right"></i> 预约入园
									</span>
                  <i class="fa fa-angle-right"></i>  17点前预定
                </p>
                <p>
									<span>
										<i class="fa fa-angle-right"></i>  原价100
									</span>
                  <i class="fa fa-angle-right"></i>  节假日优惠
                </p>
              </div><!--/.packages-para-->
              <div class="packages-review">
                <p>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <span>五星推荐</span>
                </p>
              </div><!--/.packages-review-->
            </div><!--/.single-package-item-txt-->
          </div><!--/.single-package-item-->

        </div><!--/.col-->

        <div class="col-md-4 col-sm-6">
          <div class="single-package-item">
            <div class="single-package-item-txt">
              <h3>儿童长者半价夜场票<span class="pull-right">￥49</span></h3>
              <div class="packages-para">
                <p>
									<span>
										<i class="fa fa-angle-right"></i> 预约入园
									</span>
                  <i class="fa fa-angle-right"></i>  17点前预定
                </p>
                <p>
									<span>
										<i class="fa fa-angle-right"></i>  原价100
									</span>
                  <i class="fa fa-angle-right"></i>  节假日优惠
                </p>
              </div><!--/.packages-para-->
              <div class="packages-review">
                <p>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <span>五星推荐</span>
                </p>
              </div><!--/.packages-review-->
            </div><!--/.single-package-item-txt-->
          </div><!--/.single-package-item-->

        </div><!--/.col-->

        <div class="col-md-4 col-sm-6">
          <div class="single-package-item">
            <div class="single-package-item-txt">
              <h3>特惠年卡<span class="pull-right">￥399</span></h3>
              <div class="packages-para">
                <p>
									<span>
										<i class="fa fa-angle-right"></i> 立即生效
									</span>
                  <i class="fa fa-angle-right"></i>  兑换实体卡
                </p>
                <p>
									<span>
										<i class="fa fa-angle-right"></i>  原价599
									</span>
                  <i class="fa fa-angle-right"></i>  一年畅玩
                </p>
              </div><!--/.packages-para-->
              <div class="packages-review">
                <p>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <i class="fa fa-star"></i>
                  <span>五星推荐</span>
                </p>
              </div><!--/.packages-review-->
            </div><!--/.single-package-item-txt-->
          </div><!--/.single-package-item-->

        </div><!--/.col-->

      </div><!--/.row-->
    </div><!--/.packages-content-->
  </div><!--/.container-->

</section><!--/.packages-->

<!--service start-->


<!--galley start-->
<section id="gallery" class="gallery">
  <div class="container">
    <div class="gallery-details">
      <div class="gallary-header text-center">
        <h2>
          最好的游玩项目
        </h2>
        <p>
          来到欢乐谷你最不能错过的娱乐项目
        </p>
      </div><!--/.gallery-header-->
      <div class="gallery-box">
        <div class="gallery-content">
          <div class="filtr-container">
            <div class="row">

              <div class="col-md-6">
                <div class="filtr-item">
                  <img src="booking/images/gallary/1.png" alt="portfolio image"/>
                  <div class="item-title">
                    <a href="#">
                      水上过山车
                    </a>
                    <p><span>速度</span><span>室外</span></p>
                  </div><!-- /.item-title -->
                </div><!-- /.filtr-item -->
              </div><!-- /.col -->

              <div class="col-md-6">
                <div class="filtr-item">
                  <img src="booking/images/gallary/2.png" alt="portfolio image"/>
                  <div class="item-title">
                    <a href="#">
                      异域魔窟
                    </a>
                    <p><span>互动</span><span>室内</span></p>
                  </div> <!-- /.item-title-->
                </div><!-- /.filtr-item -->
              </div><!-- /.col -->

              <div class="col-md-4">
                <div class="filtr-item">
                  <img src="booking/images/gallary/3.png" alt="portfolio image"/>
                  <div class="item-title">
                    <a href="#">
                      蛋糕秋千
                    </a>
                    <p><span>旋转</span><span>室外</span></p>
                  </div><!-- /.item-title -->
                </div><!-- /.filtr-item -->
              </div><!-- /.col -->

              <div class="col-md-4">
                <div class="filtr-item">
                  <img src="booking/images/gallary/4.png" alt="portfolio image"/>
                  <div class="item-title">
                    <a href="#">
                      旋转木马
                    </a>
                    <p><span>摇摆</span><span>室外</span></p>
                  </div> <!-- /.item-title-->
                </div><!-- /.filtr-item -->
              </div><!-- /.col -->

              <div class="col-md-4">
                <div class="filtr-item">
                  <img src="booking/images/gallary/5.png" alt="portfolio image"/>
                  <div class="item-title">
                    <a href="#">
                      皇宫影院
                    </a>
                    <p><span>观影</span><span>室内</span></p>
                  </div> <!-- /.item-title-->
                </div><!-- /.filtr-item -->
              </div><!-- /.col -->

              <div class="col-md-8">
                <div class="filtr-item">
                  <img src="booking/images/gallary/6.png" alt="portfolio image"/>
                  <div class="item-title">
                    <a href="#">
                      欢乐风火轮
                    </a>
                    <p><span>降落</span><span>室内</span></p>
                  </div> <!-- /.item-title-->
                </div><!-- /.filtr-item -->
              </div><!-- /.col -->

            </div><!-- /.row -->

          </div><!-- /.filtr-container-->
        </div><!-- /.gallery-content -->
      </div><!--/.galley-box-->
    </div><!--/.gallery-details-->
  </div><!--/.container-->

</section><!--/.gallery-->
<!--gallery end-->


<!-- footer-copyright start -->
<footer  class="footer-copyright">
  <div class="container">
    <div class="footer-content">
      <div class="row">

        <div class="col-sm-3">
          <div class="single-footer-item">
            <div class="footer-logo">
              <a href="index.html">
                首<span>页</span>
              </a>
              <p>
                返回首页
              </p>
            </div>
          </div><!--/.single-footer-item-->
        </div><!--/.col-->

        <div class="col-sm-3">
          <div class="single-footer-item">
            <h2>内容</h2>
            <div class="single-footer-txt">
              <p><a href="#">首页</a></p>
              <p><a href="#">顶部</a></p>
              <p><a href="#">游玩项目</a></p>
              <p><a href="#">门票种类</a></p>
            </div><!--/.single-footer-txt-->
          </div><!--/.single-footer-item-->

        </div><!--/.col-->

        <div class="col-sm-3">
          <div class="single-footer-item">
            <h2>娱乐项目</h2>
            <div class="single-footer-txt">
              <p><a href="#">水上过山车</a></p>
              <p><a href="#">异域魔窟</a></p>
              <p><a href="#">蛋糕秋千</a></p>
              <p><a href="#">旋转木马</a></p>
              <p><a href="#">皇宫影院</a></p>
            </div><!--/.single-footer-txt-->
          </div><!--/.single-footer-item-->
        </div><!--/.col-->

        <div class="col-sm-3">
          <div class="single-footer-item text-center">
            <h2 class="text-left">联络</h2>
            <div class="single-footer-txt text-left">
              <p>+028 - 61898999</p>
              <p class="foot-email"><a href="#">xxxxx.com</a></p>
              <p>深圳华侨城股份有限公司</p>
              <p>成都, 四川</p>
            </div><!--/.single-footer-txt-->
          </div><!--/.single-footer-item-->
        </div><!--/.col-->

      </div><!--/.row-->

    </div><!--/.footer-content-->
    <hr>
    <div class="foot-icons ">
      <p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>

    </div><!--/.foot-icons-->
  </div><!-- /.container-->

</footer><!-- /.footer-copyright-->
<!-- footer-copyright end -->




<script src="booking/js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->

<!--modernizr.min.js-->
<script  src="booking/js/modernizr.min.js"></script>


<!--bootstrap.min.js-->
<script  src="booking/js/bootstrap.min.js"></script>

<!-- bootsnav js -->
<script src="booking/js/bootsnav.js"></script>

<!-- jquery.filterizr.min.js -->
<script src="booking/js/jquery.filterizr.min.js"></script>

<script  src="booking/js/jquery.easing.min.js"></script>

<!--jquery-ui.min.js-->
<script src="booking/js/jquery-ui.min.js"></script>

<!-- counter js -->
<script src="booking/js/jquery.counterup.min.js"></script>
<script src="booking/js/waypoints.min.js"></script>

<!--owl.carousel.js-->
<script  src="booking/js/owl.carousel.min.js"></script>

<!-- jquery.sticky.js -->
<script src="booking/js/jquery.sticky.js"></script>

<!--datepicker.js-->
<script  src="booking/js/datepicker.js"></script>

<!--Custom JS-->
<script src="booking/js/custom.js"></script>

</body>
</html>